html, body, div, span, header,  applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend{
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit;  text-align: left;}
body{font-size: 62.5%;color: #555; font-family:"微软雅黑";}
i{font-style: normal;}
*{margin: 0;padding: 0;	box-sizing: border-box;	font-family:"微软雅黑";}
img {border:none; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;vertical-align: top;}
input[type='button']{-webkit-appearance:none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
/* 基础样式----------------------------------------*/
body{text-align:center; width:100%; position: relative;  }
/*--- 链接样式 ---*/
a{text-decoration:none;}
a:hover, a:active{text-decoration: none;}
ul{ list-style-type:none;}
ul, li {list-style: none;}
blockquote {margin: 0 0 18px 18px; font-style: italic;}
strong {font-weight:bold;}
em {font-style:normal;}
/* 常用样式----------------------------------------*/
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.w1200{width: 1200px; margin: 0 auto;}
input[type="submit"], input[type="reset"], input[type="button"], button, select{-webkit-appearance: none; border: none;}


@media screen and (min-width:375px){
	html{		/* iPhone6的375px尺寸作为16px基准，414px正好18px大小, 600 20px */
	font-size:calc(100% + 2 * (100vw - 375px) / 39);font-size:calc(16px + 2 * (100vw - 375px) / 39);}
}
@media screen and (min-width:414px){
	html{		/* 414px-1000px每100像素宽字体增加1px(18px-22px) */
	font-size:calc(112.5% + 4 * (100vw - 414px) / 586);font-size:calc(18px + 4 * (100vw - 414px) / 586);}
}
@media screen and (min-width:600px){
	html{		/* 600px-1000px每100像素宽字体增加1px(20px-24px) */
	font-size:calc(125% + 4 * (100vw - 600px) / 400);font-size:calc(20px + 4 * (100vw - 600px) / 400);}
}
@media screen and (min-width:1000px){
	html{		/* 1000px往后是每100像素0.5px增加 */
	font-size:calc(137.5% + 6 * (100vw - 1000px) / 1000);font-size:calc(22px + 6 * (100vw - 1000px) / 1000);}
}
@media screen and (max-height:560px){
	.myZj_start-trade{
		padding: 1% 5%!important;
	}
	.fbZj_success_contain_img{
		padding-top: 10%!important;
	}
	.myZj-loginNew-other{
		margin: 5% auto 0!important;
	}
	.myZj_login_methods{
		padding-top: 0!important;
	}
}	


.thi-more{ display: block; margin: 35px auto 0; width: 282px; text-align: center; color: #c9362b; border: 2px solid #c9362b; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
.thi-more:hover{  color: #fff; background-color: #c9362b;}

/* 联系我们 */
.ctj-item{background: #fff; border: 1px solid #ececec;}
.ctj-tit{ text-align: center; }
.ctj-tit .tit{ font-size: 36px; color: #000; }
.ctj-tit .tit span{color: #f00;}
.ctj-tit .sup{ font-size: 20px; color: #3e3a3a;text-transform:uppercase }

.ctj-dt .arrow{ position: absolute; padding: 30px; box-sizing: border-box; cursor: pointer; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.ctj-dt .arrow.hover{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.ctj-dt .arrow{ top: 10px; right: 35px;}
.ctj{ background: #f2f2f2; }
.ctj-tit{ text-align: center; }
.ctj-tit .tit{ font-size: 36px; color: #000; }
.ctj-tit .sup{ font-size: 16px; color: #3e3a3a; }
.ctj-item{ background: #fff; font-size: 14px; text-align: left;}
.ctj-dt{ position: relative; }
.ctj-dt .arrow{ position: absolute; padding: 30px; cursor: pointer; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.ctj-dt .arrow.hover{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.ctj-dt .pn{ color: #000; font-weight: bold; }
.ctj-dt .en{ color: #dc2324; }
.ctj-dd{ display: none; }
.ctj-dd .item{ padding-top: 30px;  }
.ctj-dd .item div{ padding-bottom: 8px; font-size: 16px; color: #000; }
.ctj-dd .item p{ line-height: 22px; color: #727171; }
.cta{ background: #fff;}
.cta-tab{ text-align: center; }
.cta-tab a{ color: #3e3e3e; border: 1px solid #808080; }
.cta-tab li.current a,
.cta-tab a:hover{ color: #fff; border-color: #c9362b; background: #c9362b;}
.cta-con .child{ display: none; }

/*新闻列表*/
.trend-tab{ text-align: center; }
.trend-tab a{ color: #3e3e3e; border: 1px solid #808080; }
.trend-tab li.current a,
.trend-tab a:hover{ color: #fff; background-color: #c9362b; border-color: #c9362b; }
.trend-con .child{ display: none; }
.trend-con .tit{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.trend-con .tit a{ color: #000; }
.trend-con .tig a,
.trend-con .tig span{ display: inline-block; margin: 0 14px; color: #9fa0a0;}
.trend-con .icon{ display: inline-block; width: 26px; height: 20px; background: url('../images/trend-icon-sprite.png') no-repeat; background-size: 104px auto; }
.trend-con .numb .icon{ background-position: -26px 0; }
.trend-con .qzone .icon{ background-position: -52px 0; }
.trend-con .sina .icon{ background-position: -78px 0; }
.trend-con .numb:hover .icon{ background-position: -26px -20px; }
.trend-con .qzone:hover .icon{ background-position: -52px -20px; }
.trend-con .sina:hover .icon{ background-position: -78px -20px; }
.trend-con .tig a:hover{ color: #c9362b; }
.trend-con .des{ padding-top: 4px; color: #595757; }


/* 案例 */
.case-link span{ display: inline-block; font-weight: bold; color: #3a3a3a;  }
.case-link a{ color: #595757; }
.case-link a:hover,
.case-link a.current{ color: #c9362b; }
.case-tab{ text-align: center; margin:30px auto; }
.case-tab li{ display: inline-block; }
.case-tab a{ color: #3e3e3e; border: 1px solid #808080; }
.case-tab li.current a,
.case-tab a:hover{ color: #fff; background-color: #c9362b; border-color: #c9362b; }
.case-list .child{ display: none; }

.case-list .item{ position: relative; z-index: 1; float: left; color: #fff; -webkit-perspective: 3000; -moz-perspective: 3000; -ms-perspective: 3000; -o-perspective: 3000; perspective: 3000;}
.case-list .cont{ position: relative; width: 100%; transform-style: preserve-3d;  -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d;}
.case-list .front,
.case-list .back{ top: 0; left: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s;}
.case-list .front{ position: relative; }
.case-list .back{ position: absolute; }
.case-list .front{	background-repeat: no-repeat; background-size: cover;}
.case-list .back{ background-color: #dc2324; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);}
.case-list .text:after{ position: absolute; bottom: 0; left: 0; content: ""; width: 24px; height: 2px; background-color: #fff;}
.case-list .arrow{ position: absolute; bottom: 0;}
.case-list .item:hover{ z-index: 2;}
.case-list .item:hover .front{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);}
.case-list .item:hover .back{ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg);}




/* 显示与消失 */
.show-node{ display: block !important; }
.hide-node{ display: none !important; }

/* 居中方式 */
.vm-node i,
.vm-node span,
.vm-node em{ 
	display: inline-block; 
	vertical-align: middle; 
	margin-top: -2px; 
}
.md-node:before{ 
	display: inline-block; 
	vertical-align: middle; 
	margin-left: -6px; 
	content: ""; 
	height: 100%;
}
.md-node .md-info{ 
	display: inline-block; 
	vertical-align: middle;
}
.abs-node{ 
	position: absolute; 
	z-index: 2;
}